<div class="org-images">
    <div nz-row>
        <div nz-col nzSpan="6" class="p-15 org-image-item" (mouseenter)="orgImageMouseEnter(item)"
            (mouseleave)="orgImageMouseLeave(item)" *ngFor="let item of orgInfo.imageList">
            <div style="position: relative;">
                <img [src]="item.url" alt="">

                <div class="op-mask" *ngIf="item.showImageMask">
                    <div style="display: flex;
                justify-content: flex-end;
                padding: 10px;">
                        <button nzSize="small" nzDanger nz-button nzType="primary" (click)="deletImage(item)">
                            删除
                        </button>
                    </div>

                    <div style="height: 100%;
                display: flex;
                justify-content: center;
                align-items: flex-end;
                padding-bottom: 10px;
            ">
                        {{item.name}}
                    </div>
                </div>
            </div>
        </div>

        <div class="p-15" nz-col nzSpan="6">
            <div class="dp-add" (click)="addOrgImage()">
                <i class="iconfont icon-add-box-line"></i>
                添加企业证照
            </div>
        </div>
    </div>
</div>